<template>
	<view class="rm-com">
		<view class="rm-item" v-for="(item,index) in recommendList" :style="{backgroundImage:'url('+ bgimg +')'}">
			<view class="title">{{item.title}}</view>
			<text class="subTitle">{{item.subTitle}}</text>
		</view>
		
	</view>
</template>

<script>
export default{
	data(){
		return{
			recommendList:[
				{
					title:'高销量爆款',
					subTitle:'高性价比 低价格 性价比高的爆款产品'

				},
				{
					title:'高销量爆款',
					subTitle:'高性价比 低价格 性价比高的爆款产品'

				},
				{
					title:'高销量爆款',
					subTitle:'高性价比 低价格 性价比高的爆款产品'

				},
				{
					title:'高销量爆款',
					subTitle:'高性价比 低价格 性价比高的爆款产品'

				},
				{
					title:'高销量爆款',
					subTitle:'高性价比 低价格 性价比高的爆款产品'

				},	{
					title:'高销量爆款',
					subTitle:'高性价比 低价格 性价比高的爆款产品'

				},	{
					title:'高销量爆款',
					subTitle:'高性价比 低价格 性价比高的爆款产品'

				},	{
					title:'高销量爆款',
					subTitle:'高性价比 低价格 性价比高的爆款产品'

				},	{
					title:'高销量爆款',
					subTitle:'高性价比 低价格 性价比高的爆款产品'

				},	{
					title:'高销量爆款',
					subTitle:'高性价比 低价格 性价比高的爆款产品'

				},	{
					title:'高销量爆款',
					subTitle:'高性价比 低价格 性价比高的爆款产品'

				},	{
					title:'高销量爆款',
					subTitle:'高性价比 低价格 性价比高的爆款产品'

				},	{
					title:'高销量爆款',
					subTitle:'高性价比 低价格 性价比高的爆款产品'

				},	{
					title:'高销量爆款',
					subTitle:'高性价比 低价格 性价比高的爆款产品'

				},	{
					title:'高销量爆款',
					subTitle:'高性价比 低价格 性价比高的爆款产品'

				},	{
					title:'高销量爆款',
					subTitle:'高性价比 低价格 性价比高的爆款产品'

				},	{
					title:'高销量爆款',
					subTitle:'高性价比 低价格 性价比高的爆款产品'

				},	{
					title:'高销量爆款',
					subTitle:'高性价比 低价格 性价比高的爆款产品'

				},	{
					title:'高销量爆款',
					subTitle:'高性价比 低价格 性价比高的爆款产品'

				},	{
					title:'高销量爆款',
					subTitle:'高性价比 低价格 性价比高的爆款产品'

				},	{
					title:'高销量爆款',
					subTitle:'高性价比 低价格 性价比高的爆款产品'

				},
			],
			bgimg:'https://img1.baidu.com/it/u=1130864205,1291842671&fm=253&fmt=auto&app=138&f=JPEG?w=1200&h=437'
		}
	},
	methods:{
		
	}
}

</script>

<style lang="scss" scoped>
.rm-item{
	box-sizing: border-box;
	border-radius: 5rpx;
	margin: 20rpx auto;
	height: 140rpx;
	width: 700rpx;
	text-align: center;
	color: #FFFFFF;
	padding-top: 30rpx;
	.title{
		font-size: 44rpx;
	}
	.subTitle{
		font-size: 18rpx;
	}
	
}
</style>
